/**
 * 组件的生命周期
 */
import React from 'react';
import ReactDom from 'react-dom';

var ExampleComponent = React.createClass({
    //当组件要被挂载时这个函数被调用
    componentWillMount: function () {
        // xhr request here to get data
        console.dir("componentWillMount");
    },
    ///一旦你的组件已经运行了 render 函数，并实际将组件渲染到了 DOM 中，componentDidMount 就会被调用
    componentDidMount: function () {
        console.log("componentDidMount");
    },
    //如果你准备吧组件从 DOM 移除时，这个函数将会被调用。这让我们可以在组件背后进行清理，比如移除任何我们已经绑定的事件监听器
    componentWillUnmount: function () {
        console.log("componentWillUnmount");
    },
    render: function () {
        // this gets called many times in a components life
        return (
            <div>
                Hello World!
            </div>
        );
    }
});

export default ExampleComponent;